<template>
	<view class="text-white">
		<view class="ceiling" :style="{ 'padding-top': statusBarHeight + 'px' }"></view>
		<uni-nav-bar style="font-weight: 600;" left-icon="back" title="申购指南" right-icon="more-filled" backgroundColor="#EE515A" color="#ffffff" @clickLeft="gotoback"></uni-nav-bar>
		<view class="content bg_FFFFFF">
            <view  class="text-black text-xxl text-bold" style="text-align: center;width: 100%;">新规新变化</view>
			
			<view class="text" style="color: #333333;padding: 30rpx 0;text-align: justify;">
				<u-parse :html="article"> </u-parse>
			</view>
            <view class="xgj">
                <view>
                    <view class="xgj_before xgj_public">以前
                        <view class="text_public" >
                            <view>1:预先缴费</view>
                            <view>2：未中签后在退款</view>
                        </view>
                    </view>
                   
                </view>
                   <view class="xgj_public" style="width: 2%;"></view>                  
                <view class="xgj_now xgj_public" >现在
                    <view class="text_public">
                        <view>1:先申请，在摇号</view>
                        <view>2：中了在缴款</view>
                    </view>
                </view>
                <view class="xgj_public"></view>
            </view>
		</view>
        <view style="height: 50rpx;"></view>
        <view class="content bg_FFFFFF">
             <view  class="text-black text-xxl text-bold" style="text-align: center;width: 100%;">新规下的打新表</view>
        	<view class="text" style="color: #333333;padding: 30rpx 0;text-align: justify;">
        		<u-parse :html="article"></u-parse>
        	</view>
        </view>
	</view>
</template>

<script>
	import searchHead from "@/component/searchHead/searchHead.vue"
	export default {
		components: {
			searchHead
		},	
		data() {
			return {
				statusBarHeight: getApp().globalData.statusBarHeight, //状态栏高度
				article: '中签后结果公布提出至申购日的下两个交易日一年内累计出现3次中签后未足额缴费，半年内不准打新',
				id: 0,
				title: '',
				atime:''
			};
		},
		methods: {
			
			// getArcticle: function() {
			// 	this.$Request.post(this.$api.index.getArcticle, {
			// 		id: this.id
			// 	}).then(res => {
			// 		this.article = res.data.details;
			// 		this.title = res.data.title;
			// 		this.atime = res.data.atime
			// 	})
			// },
			// getNotices: function() {
			// 	this.$Request.post(this.$api.index.getNotices, {
			// 		id: this.id
			// 	}).then(res => {					
			// 		this.article = res.data.details;
			// 		this.title = res.data.title;
			// 		this.atime = res.data.atime
			// 	})
			// },
			// gotoback() {
			// 	uni.navigateBack({
			// 		delta: 1
			// 	})
			// },
		},
		onLoad: function(e) {
			// this.id = e.id;
			// if(e.type == 1){
			// 	this.getNotices()
			// }else{
			// 	this.getArcticle()
			// }
		},
	}
</script>
<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	@import "./detail.scss";
    .text_public{
        background-color: #f4ff0033;height:140rpx;width: 100%;color: #000000;text-align: left;padding-left: 10rpx;
    }
	.content .text {
		color: #FFFFFF;
	}
    .xgj{
        width: 100%;height: 180rpx;
        .xgj_public{
            width: 49%;height: 60rpx;float: left;
            text-align: center;
            line-height: 60rpx;
            font-size: 36rpx;
        }
        .xgj_before{
            background-color:#fbbd08;
        }
        .xgj_now{
            background-color:#ff6a00;
        }
    }
</style>
